<%@ include file="../confHeader.jsp" %>
<%@ include file="../mensagens.jsp" %>
<html>
<head>
	
</head>
<body>
		<html:form  action="orcamentoAction" method="POST" onsubmit="return true;">           

		
		<div class='pageForm'>
	    	<div class='formTitle'>      		
			       	<bean:message key="app.form.find" />&nbsp;<bean:message key="orcamento.entity" />
	       </div>   
	        <div class='formField'>
		             <label><bean:message key="orcamento.codigo"  />:</label>
		         	   <html:text  property="idOrcamento" size="20" maxlength="20"  /> 
	        </div>   
	 
	        <div class='formField'>
	            <label><bean:message key="orcamento.dtLevantamentoPreco"/></label>            
	           	  <html:text   property="dtOrcamentoInicial" size="20"  />	  
					   <bean:message key="app.label.until"/> 
					 <html:text  property="dtOrcamentoFinal"   size="20"  />
	        </div>
	        
	         <div class='formField'>
	            <label ><bean:message key="orcamento.dtCadOrcamento" /></label>	           	
	           	 <html:text   property="dtCadOrcamentoInicial"  size="20"  />	  
				   <bean:message key="app.label.until"/> 
				<html:text   property="dtCadOrcamentoFinal" size="20"  />      
	        </div>
	         <div class='formField'>
	         	 	<table> <tr><td> <label class="formField"><bean:message key="orcamento.vencedor"  />:</label></td>
		         	<td> <label class="formField"><bean:message key="app.msg.yes" /></label> </td>
        		 	<td> <html:radio  property="vencedor" value="true"  /></td> 
		            <td> <label class="formField"><bean:message key="app.msg.no" /></label> </td>
        		 	<td> <html:radio  property="vencedor" value="false" />	</td> </tr></table>                  
	        </div>       
	         <div class='formField'>
	         <label><bean:message key="orcamento.observacao"/></label> <br>
	               <html:textarea   property="observacao"  rows="7" cols="60"  />
	        </div>    
	       
	        ${el:defineAllSearchResultsAsList('to.searcher', 'request', pageContext)}
     		    	
	         <div class='formField'>
	            <label><bean:message key="fornecedor.entity"/></label>            
	             	<html:select  property="idFornecedor" >
						<html:option value=""></html:option>						
						<logic:present name="fornecedorList">
						<html:options   collection="fornecedorList"  labelProperty="nome"  property="idFornecedor" />
						</logic:present>
					</html:select>
	            
	        </div>       	        
	    
	    	<table >
	    	 <tr><td>      	 	 
	    	 <div class='formField' > 
		    	  <img src="${contexto}/pages/images/mais.gif" id="showPesquisaProdutoIcon" onclick="javascript:clickPesquisaProduto();">
					 <label><a href="javascript:clickPesquisaProduto();"  > 
		    	 		<bean:message key="orcamento.pesquisar.por.produto"/> </a> </label>
		      </div>
		   	</td></tr>
 	    	 <tr><td> 
		        	<table id="PesquisaProduto" ><tr><td>
				       	<div class='formField'>
				            <label><bean:message key="grupo.entity"/></label>            
				             	<html:select  property="idGrupoProduto" onchange="javascript:listaSubGrupos()" >
									<html:option value=""></html:option>					
									<logic:present name="grupoList" >
									<logic:iterate name="grupoList" id="grupo" >
										<html:option value="${grupo.idGrupo}" >${el:write('grupo.idGrupo',pageContext)}- ${el:write('grupo.nome',pageContext)}</html:option>
									</logic:iterate>
									</logic:present>
								</html:select>
				        </div>       
				 	 </td>
					  <td>
					  <div class='formField' id='subgrupo'  >
			            <label><bean:message key="subgrupo.entity"/></label>            
			             	<html:select  property="idSubGrupoProduto"  onchange="javascript:listaProdutos()">
								<html:option value=""></html:option>	
								<logic:present name="subgrupoList">			
									<logic:iterate name="subgrupoList" id="grupo" >
										<html:option value="${grupo.idGrupo}" >${el:write('grupo.idGrupo',pageContext)}- ${el:write('grupo.nome',pageContext)}</html:option>
									</logic:iterate>
								</logic:present>
							</html:select>
			       	 </div>
			       	</td> 	       	
			       	  <td>
			       	  <div class='formField' id='produto'  >   	  					
    			       	  <div  id='semProdutos' style="display :none;" >
    			       	  	<bean:message key="produto.subgrupo.sem.produtos"/>
    			       	  </div> 	
    			       	  <div id='selectproduto' >
				            <label><bean:message key="orcamento.produto.entity"/></label>							
			             	<html:select  property="idProduto" >
								<html:option value=""></html:option>	
									<logic:present name="produtoList"><logic:iterate name="produtoList" id="produto" >
										<html:option value="${produto.idEspecProduto}" >${el:write('produto.idEspecProduto',pageContext)} -${el:write('produto.nome',pageContext)}</html:option>
									</logic:iterate> </logic:present> 
							</html:select> 
					  	</div>
			        </div>
			       	</td> 
			       	</tr>
			       </table>
	       </td></tr>
	       </table>

	        <hr size="1">
	           <div class='formButton'>  
	             <a onclick="javascript:limpa();" class="linkButton">  <bean:message key="app.button.reset" /></a>
	      		 &nbsp;
			     <a onclick="javascript:pesquisar();" class="linkButton">  <bean:message key="app.button.search"/></a>
			      &nbsp;
  				 <a onclick="javascript:listarTodos();" class="linkButton" >  <bean:message key="app.button.listAll"/> </a>
	          </div>       
    
    	<p> </p>   
       <logic:equal value="true"  name="to"   property="showSearchResults" >	
   			${el:defineSearchResult('orcamentoSearchResult', 'to.searcher', 'pesquisaOrcamento',  'request', pageContext)}								
           	<bean:define id="beanList" name="orcamentoSearchResult" property="result" />
	        <div class='formTitle'>
				<bean:message key="orcamento.list.title"/>
	        </div>            
	  		<hr size="1">
	        <div class='pageList'>
			    <table cellspacing='0'>
	              <tbody>         	            
			      <logic:present name="beanList"> 
		
			       	<logic:empty name="beanList">
						<bean:message key="app.list.empty"/>
			        </logic:empty>
			        
	        	    <logic:notEmpty name="beanList"> 
						 <tr class='thead'>								 	   
	                         <td width="10%"><bean:message key="orcamento.codigo"/></td>
	                         <td width="30%"><bean:message key="orcamento.dtLevantamentoPreco"/></td>
	                         <td width="10%"><bean:message key="orcamento.vencedor"/></td>
	                         <td width="30%"><bean:message key="fornecedor.entity"/></td>	                                            
	                     </tr>
	                   
						 <logic:iterate name='beanList'  id="bean"  indexId="index" >									
 							   <tr class="${(index%2!=0)? 'shade' : ''}" onmouseover="this.className='mouseOver';" onmouseout="this.className='${(index%2!=0)? 'shade' : ''}'" >
	                             <td width="10%"><a href="javascript:detalhar('${bean.idOrcamento}');"> ${el:write('bean.idOrcamento',pageContext)} </a></td>
	                             <td width="30%">${el:write('bean.dtOrcamento',pageContext)}</td>
	                             <td width="5%">${el:write('bean.vencedor',pageContext)}</td>
                                 <td width="20%">${el:write('bean.fornecedor.nome',pageContext)}</td>                                
    	                        </tr>
						</logic:iterate>
					</logic:notEmpty>
				  </logic:present>                        
	              </tbody>     
	             </table>  
	             			 

	           
	       </div>        	        
           <app:paging url="${contexto}/orcamentoAction.do" searchResultName="orcamentoSearchResult"  />            
	    </logic:equal>
	    
	    
	 </div>
	   
      
		
     </html:form>           
   
<script type="text/javascript">
 // <!--
     Mascara.adiciona(document.OrcamentoForm.idOrcamento,'<bean:message key="mask.inteiro.positivo"/>');
    Mascara.adiciona(document.OrcamentoForm.dtOrcamentoInicial,'<bean:message key="mask.date"/>');
    Mascara.adiciona(document.OrcamentoForm.dtOrcamentoFinal,'<bean:message key="mask.date"/>');
    Mascara.adiciona(document.OrcamentoForm.dtCadOrcamentoInicial,'<bean:message key="mask.date"/>');
    Mascara.adiciona(document.OrcamentoForm.dtCadOrcamentoFinal,'<bean:message key="mask.date"/>');
    
 var action= '<html:rewrite page="/orcamentoAction.do"/>';
  var nForm =  'OrcamentoForm';

 function pesquisar(){	  
  	if(validaCriterio()){
		 executeForm(nForm, action, 'pesquisar');
	}
 } 
 
 function detalhar(id){
     document.forms[nForm].idOrcamento.value = id;
 	 executeForm(nForm, action, 'goDetalhar');
 }
 
 
 function listarTodos(){
	open(action + '?method=pesquisar', '_self');
 }
   
 function validaCriterio(){	   
 	var form = document.forms[nForm];  

	if(blankOrNull(form.idOrcamento) 
		&&  blankOrNull(form.dtOrcamentoInicial)
		&&  blankOrNull(form.dtOrcamentoFinal)
		&&  blankOrNull(form.dtCadOrcamentoInicial)
		&&  blankOrNull(form.dtCadOrcamentoFinal)
		&&  ( !form.vencedor[0].checked && !form.vencedor[1].checked )
		&&  blankOrNull(form.observacao)
		&&	form.idFornecedor.selectedIndex == 0 
		&& document.forms[nForm].idSubGrupoProduto.selectedIndex == 0
		&& document.forms[nForm].idGrupoProduto.selectedIndex == 0)
		{
		
		alert('<bean:message key="app.validation.select.criteria"/>');
		return false;
		
	};
	return true;
 }
 
 function limpa(){
	var form = document.forms[nForm];
 	form.idOrcamento.value = "";
  	form.dtOrcamentoInicial.value = "";
	form.dtOrcamentoFinal.value = "";
 	form.dtCadOrcamentoInicial.value = "";
	form.dtCadOrcamentoFinal.value = "";
	form.observacao.value = "";
	form.vencedor[0].checked =false;
	form.vencedor[1].checked = false;
	form.idFornecedor.selectedIndex = 0;
	form.idGrupoProduto.selectedIndex = 0;
	form.idSubGrupoProduto.selectedIndex = 0;
	form.idProduto.selectedIndex = 0;
  }
  
  function listaSubGrupos(){
 	 showSubgrupo();
	 if(document.forms[nForm].idGrupoProduto.selectedIndex != 0){
 		executeForm(nForm, action, 'goPesquisar');
 	 }else{
		 DHTMLUtil.hideElement('subgrupo'); 
		document.forms[nForm].idSubGrupoProduto.selectedIndex  = 0;  	
		 DHTMLUtil.hideElement('produto'); 
		document.forms[nForm].idProduto.selectedIndex  = 0;  	
 	 }
  }
  
   function listaProdutos(){
 	 showSubgrupo();
	 if(document.forms[nForm].idSubGrupoProduto.selectedIndex != 0){
 		 	executeForm(nForm, action, 'goPesquisar');
 	 }else{
		 DHTMLUtil.hideElement('produto'); 
		document.forms[nForm].idProduto.selectedIndex  = 0;  			
 	 }
  }

	function showSubgrupo(){
		 var show = false; 
		<logic:present name="subgrupoList" > show = true ; </logic:present>
		 if(show && document.forms[nForm].idGrupoProduto.selectedIndex != 0){
			 DHTMLUtil.showElement('subgrupo');    
		 }else{	 
			 DHTMLUtil.hideElement('subgrupo'); 
			document.forms[nForm].idSubGrupoProduto.selectedIndex  = 0;  
			 DHTMLUtil.hideElement('produto'); 
			document.forms[nForm].idProduto.selectedIndex  = 0;  
		 }
 	}showSubgrupo(); 	
 	
 	function showProduto(){
		 var show = false; 
		<logic:present name="produtoList" >show = true ; </logic:present>
		 if(show && document.forms[nForm].idSubGrupoProduto.selectedIndex != 0){
			  <logic:empty name="produtoList"> 
			  		DHTMLUtil.showElement('semProdutos');
			  		 DHTMLUtil.hideElement('selectproduto'); 
			   </logic:empty>
	 		  <logic:notEmpty name="produtoList">
	 		   	DHTMLUtil.hideElement('semProdutos'); 
	 			   DHTMLUtil.showElement('selectproduto');
	 	     </logic:notEmpty>
 		  	 DHTMLUtil.showElement('produto');
		 }else{	 
			 DHTMLUtil.hideElement('produto');  
			document.forms[nForm].idProduto.selectedIndex  = 0;  
		 }
 	}showProduto(); 	

	var pesquisaProdutoVisible = false; 
 	function showPesquisaProduto(){
	 	var showPesquisaProdutoImage = document.getElementById('showPesquisaProdutoIcon');		
 		if( ${to.idGrupoProduto} != 0){ 		
	 		pesquisaProdutoVisible = true;	 	
		}
			clickPesquisaProduto();
 	}
 	showPesquisaProduto();
 	
 		
 	function clickPesquisaProduto() {
	 	var showPesquisaProdutoImage = document.getElementById('showPesquisaProdutoIcon');		
 		if(pesquisaProdutoVisible){
	 		showPesquisaProdutoImage.src= '${contexto}/pages/images/menos.gif'; 		
	 		DHTMLUtil.showElement('PesquisaProduto'); 
		}
		else{ 
			document.forms[nForm].idGrupoProduto.selectedIndex = 0;
			document.forms[nForm].idSubGrupoProduto.selectedIndex = 0;
			document.forms[nForm].idProduto.selectedIndex = 0;			
			DHTMLUtil.hideElement('produto'); 
			DHTMLUtil.hideElement('subgrupo'); 
   	  		DHTMLUtil.hideElement('PesquisaProduto'); 
	  		showPesquisaProdutoImage.src= '${contexto}/pages/images/mais.gif'; 		
		}		
		pesquisaProdutoVisible = !pesquisaProdutoVisible;
 	}
  //-->
</script>
</body>
</html>

